<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mata Pelajaran</title>
<link href="table.css" rel="stylesheet" type="text/css" />

	<script>
		function addRow(){
		var table=document.getElementById("myTable");
		var row=table.insertRow(0);
		var cell1=row.insertCell(0);
		var cell2=row.insertCell(1);
		cell1.innerHTML="New";
		cell2.innerHTML="New";
		}
    </script>
</head>

<body>
	<table span class="table2">
    	<thead>
            <tr>
                <th scope="col" abbr="No">No</th>
                <th scope="col" abbr="kodeMatPel" width="200px">Kode Mata Pelajaran</th>
                <th scope="col" abbr="namaMatPel">Nama Mata Pelajaran</th>
                <th scope="col" abbr="kkm">KKM</th>
                <th scope="col" abbr="Kelas">Kelas</th>
                <th scope="col" abbr="Jurusan">Jurusan</th>
                <th scope="col" abbr="namGuru" width="200px">Nama Guru</th>
                <th scope="col" abbr="status">Status</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    
     <button type="submit" onclick="addRow()">Tambah</button>
     <div class="spacer"></div>

</body>
</html>
